@import "../../../sass/mixin"
@import "../../../sass/config"
.authorPage
  display: flex
  flex-direction: column
  position: fixed
  top: 0px
  left: 0px
  bottom: 0px
  right: 0px
  .authorDetail
    @include flexBetween
    background-color: #fff
    border-radius: 7px
    box-shadow: 0px 0px 4px 0px #d4d3d3
    padding: 20px
    height: 140px
    .left
      display: flex
      flex: 1
      overflow: hidden
    .info
      display: flex
      flex-direction: column
      justify-content: stretch
      flex: 1
      overflow: hidden
      .username
        color: $themeColor
        margin-bottom: 6px
      .description
        color: #878181
        font-size: 28px
        @include textNowrap
      .num
        font-size: 28px
        color: #cccccc
    .avatarImg
      width: 140px
      height: 140px
      margin-right: 20px
      border-radius: 5px
    .rightIcon
      width: 60px
      height: 60px
  .group
    flex: 1
    padding: 20px
    box-sizing: border-box
    overflow-y: scroll
    .noData
      text-align: center
      font-size: 22px
      margin-bottom: 12px
      color: #ccc
    .group_title
      display: flex
      justify-content: space-between
      align-items: center
      height: 70px
      .title_font
        display: flex
        align-items: center
        font-size: 29px
        color: #000
        font-weight: bold
      .title_link
        font-size: 24px
        color: #959292
      .icon
        width: 60px
        height: 60px
    .imgList
      display: grid
      grid-template-columns: repeat(auto-fill, 130px)
      justify-content: space-between
      image
        border-radius: 6px
        width: 120px
        height: 120px
    .tagList
      display: flex
      margin: 12px 0
      .tagItem
        padding: 0px 12px
        height: 40px
        line-height: 40px
        font-size: 27px
        background-color: #C45034
        color: #fff
        border-radius: 7px
        margin-right: 12px
